<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/home/authentication.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">用户认证</h1>
		</header>
		<div class="mui-content">
			<input type="number" class="phone" placeholder="请输入手机号" maxlength="11">
			<label class="verification">
					<input name="" id="code" placeholder='请输入验证码'/>
					<button type="button" class="mui-btn mui-btn-success huoqu">获取验证码</button>
			</label>
			<!--<div class="choice">
				<div class="pleaseselect">请选择教学班级</div>
				<div class="cls">
					<div class="shift">3年2班</div>
					<div class="shift">4年1班</div>
					<div class="shift">4年1班</div>
				</div>
			</div>-->
			<button type="button" class="mui-btn mui-btn-success next-button">确认</button>
			<div class="next">
				<!--<div class="tishi">以后可以用手机号码和密码进行登录</div>-->
				
				
				
			</div>
		</div>
		
		<div class="prompt" style=" display:block;"> 
			<div class="prompt_title"><img src="../../imges/Group 592.png" /></div>
			<div class="prompt_noclass">欢迎米二小同学！</div>
			<div class="prompt_new">出于系统安全考虑，需要您捆绑手机</div>
			<div class="prompt_newbutton"><button type="button" class="mui-btn mui-btn-success">马上认证</button></div>
			<div class="prompt_close"><img src="../../imges/Group 607.png" /></div>
		</div>
		
		<script src="../../js/mui.min.js"></script>
		
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/common/common.js"></script>
		<script type="text/javascript">
			mui.init()
			
			var mask = mui.createMask(callback);
//遮罩层
mask.show();
$(".modular").on("tap", function() {
	
	document.getElementsByClassName("prompt")[0].style.display = "block"
})

function callback() {
	document.getElementsByClassName("prompt")[0].style.display = "none"
}
$(".prompt_close").on("tap", function() {
	callback()
//	mask.close()
})
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			$(".shift").on("tap",function(){
				$(this).addClass("xzhong").siblings().removeClass("xzhong")
			})
			common.focu("input","green")
			
			$(".huoqu").on("tap",function(){
				common.countdown(".huoqu",60,"#ababab","#40CC8B","重新获取")
			})
		</script>
	</body>

</html>